<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="btn1">按钮一</button>
		<script src="js/jquery.3.6.3.js"></script>
		<script>
			// $("#btn1").click(function(){
			// 	alert("点击事件")
			// })
			//绑定事件  
			//应用场景 创建元素
			let divEL = document.createElement("div");
			divEL.innerHTML = "点击";
			//给元素绑定事件
			$(divEL).on("click",function(){
				alert("div");
			})
			//把元素追加到body末尾
			$("body").append($(divEL));
			
			//绑定实际
			$("#btn1").on("click",function(){
				alert("绑定的一个点击事件")
			})
			//移除绑定事件
			$("#btn1").off("click");
		</script>
	</body>
</html>